html {
  box-sizing: border-box;
}

// 所有元素的box-sizing继承border-box属性值
*,
*:before,
*:after {
  box-sizing: inherit;
}
/*========================滚动条样式========================*/
// 黑色滚动条
// *::-webkit-scrollbar {
//   /*滚动条整体样式*/
//   width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
//   height: 1px;
// }

// *::-webkit-scrollbar-track {
//   /*滚动条里面轨道*/
//   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
//   border-radius: 10px;
//   background: #ededed;
// }

// *::-webkit-scrollbar-thumb {
//   border-radius: 10px;
//   // background: #dddde3;
//   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
//   background: #535353;
// }

// *::-webkit-scrollbar-button:start {
//   // background-size: 12px 12px;
// }
// 渐变滚动条
*::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
*::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  // border-radius: 10px;
  background-color: #ccc;
  // background-image: -webkit-linear-gradient(
  //   45deg,
  //   rgba(255, 255, 255, 0.2) 25%,
  //   transparent 25%,
  //   transparent 50%,
  //   rgba(255, 255, 255, 0.2) 50%,
  //   rgba(255, 255, 255, 0.2) 75%,
  //   transparent 75%,
  //   transparent
  // );
}
*::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  // border-radius: 10px;
}
/*单行溢出省略*/
.ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*两行溢出省略*/
.ellipsis_2 {
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 数值代表显示几行 */
  -webkit-box-orient: vertical;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */

  -webkit-user-select: none; /* Chrome/Safari/Opera */

  -khtml-user-select: none; /* Konqueror */

  -moz-user-select: none; /* Firefox */

  -ms-user-select: none; /* Internet Explorer/Edge */

  user-select: none; /* Non-prefixed version, currently
  
  not supported by any browser */
}
// 左侧菜单-icon样式
.ant-menu {
  // 仅1级：一级菜单icon图标
  .ant-menu-item-icon {
    .anticon {
      margin-top: 2px;
      font-size: 16px;
    }
  }
  // 2级菜单
  // .ant-menu-submenu {
  //   // 二级菜单
  //   .ant-menu-item a {
  //     padding-left: 5px;
  //   }
  // }
}

/*==========================标准查询展示页面样式库===========================*/
.mgr-header {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

// 搜索输入框
.mgr-header-search {
  width: 300px;
}

.mgr-page {
  padding: 20px 0;
  text-align: right;
}

/*列表按钮，跟头部操作列对齐*/
.mgr-table {
  .ant-btn:first-child {
    padding-left: 0;
  }
}

/*页面列表table-操作列-显示【更多】，注意：需在页面容器添加该类----todo改版用【下拉菜单方式】实现*/
.page-more-btns {
  .ant-btn > .anticon + span,
  .ant-btn > span + .anticon {
    margin-left: 3px;
    font-size: 10px;
  }
  .ant-popover-inner-content {
    padding: 5px 0;
  }
  .more-btn-content {
    .ant-btn {
      display: block;
    }
  }
}

// 下拉菜单【更多】样式
.drop-menu-wrap .ant-dropdown-menu-item {
  padding: 0;
}

// 页面顶部带【返回】按钮
.nav {
  display: flex;
  background: #ffffff;
  align-items: center;
  padding: 5px 0;
  // 标题
  .title {
    font-weight: bold;
    font-size: 16px;
  }
  // 右侧区块
  .nav-right {
    margin-left: auto;
    margin-right: 20px;
  }
}

/*抽屉底部按钮区*/
.drawer-footer-buttongroup {
  width: 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.mgr-header-right {
  .ant-btn {
    margin-left: 15px;
    &:first-child {
      margin-left: 0;
    }
  }
}

/* 项目中用到的特殊的空界面样式：eg：通话分析图表pie图，录音库空界面
* special-empty类加在empty元素上
*/
.special-empty {
  .ant-empty-description {
    margin-top: 30px;
    padding-left: 20px;
    font-weight: 400;
    font-size: 18px;
    color: rgb(132, 133, 135);
    line-height: 30px;
    text-align: center;
  }
}
// 通用tooltip图标-icon
.tooltip-icon-blue {
  font-size: 16px !important;
  color: #3691ff !important;
  cursor: help;
}
// 通用tooltip提示-文字样式
.ant-tooltip {
  font-size: 13px;
}

// 输入框样式问题
// .ant-form-item-with-help {
//   &.ant-form-item-has-error {
//     margin-bottom: 0;
//   }
// }
// .ant-form-item-with-help {
//   &.ant-form-item-has-success {
//     margin-bottom: 24px;
//   }
// }

// todo-antd纵向表单，验证偶发塌陷问题
// .ant-form-horizontal {
//   .ant-form-item {
//     margin-bottom: 0;
//     min-height: 56px;
//   }
// }

// 全显示loading，模块：机器人流程配置，通话记录详情弹窗
.ant-spin-nested-loading,
.ant-spin-container {
  height: 100%;
}

// 复选框-每天、每周、每月
.checkbox-day-group {
  .ant-checkbox-wrapper {
    display: inline-flex;
    margin: 5px 10px 5px 0;
    padding: 0;
    color: #3591ff;
    border: 1px solid #3591ff;
    border-radius: 3px;
    .ant-checkbox,
    &::after {
      display: none;
    }
    span {
      padding: 0 6px;
      min-width: 30px;
      text-align: center;
    }
    &.ant-checkbox-wrapper-disabled {
      opacity: 0.8;
      span {
        color: #3591ff;
      }
    }
  }
  .ant-checkbox-wrapper-checked {
    color: #fff;
    background: #3591ff;
    &.ant-checkbox-wrapper-disabled {
      opacity: 0.8;
      span {
        color: #fff;
      }
    }
  }
}

// 页面主体内容
.page-main-container {
  padding: 24px;
  background-color: #fff;
}
